#header{
	background: #88d0d6;
}
	.u-face{
		float: left;
		border-radius: 50%;
	}
	.u-detail{
		float: left;
	}
		.u-name{
			color: #fff;
		}
		.jifen{
			color: #858585;
		}
		.number{
			color: #f8ff84;
		}
@media screen and (min-width: 320px){
#header{
	height: 61px;
	padding: 18px;
}
	.u-face{
		width: 61px;
		height: 61px;
	}
	.u-detail{
		padding-left: 25px;
	}
		.u-name{
			font-size: 17px;
			margin: 5px 0 8px 0;
		}
		.u-other{
			font-size: 14px;
		}
		.u-other img{
			width: 20px;
			height: 15px;
		}
}
@media screen and (min-width: 410px){
#header{
	height: 79px;
	padding: 23px;
}
	.u-face{
		width: 79px;
		height: 79px;
	}
	.u-detail{
		padding-left: 30px;
	}
		.u-name{
			font-size: 22px;
			margin: 8px 0 11px 0;
		}
		.u-other{
			font-size: 18px;
		}
		.u-other img{
			width: 26px;
			height: 19px;
		}
}
@media screen and (min-width: 600px){
#header{
	height: 115px;
	padding: 33px;
}
	.u-face{
		width: 115px;
		height: 115px;
	}
	.u-detail{
		padding-left: 25px;
	}
		.u-name{
			font-size: 27px;
			margin: 17px 0;
		}
		.u-other{
			font-size: 23px;
		}
		.u-other img{
			width: 38px;
			height: 28px;
		}
}
@media screen and (min-width: 720px){
	#header{
	height: 138px;
	padding: 40px;
}
	.u-face{
		width: 138px;
		height: 138px;
	}
	.u-detail{
		padding-left: 30px;
	}
		.u-name{
			font-size: 32px;
			margin: 20px 0;
		}
		.u-other{
			font-size: 27px;
		}
		.u-other img{
			width: 45px;
			height: 33px;
		}
}
@media screen and (min-width: 801px){
#header{
	height: 192px;
	padding: 56px;
}
	.u-face{
		width: 192px;
		height: 192px;
	}
	.u-detail{
		padding-left: 50px;
	}
		.u-name{
			font-size: 42px;
			margin: 28px 0;
		}
		.u-other{
			font-size: 38px;
		}
		.u-other img{
			width: 63px;
			height: 46px;
		}
}